<template>
    <div class="case_box">
        <div class="img_box">
            <nuxt-link :to="`/doctor/case?id=${info.id}`">
            <li-image :src="$getLogo(info.casePictures)" class="img" v-if="info.casePictures" fit="contain" :is-preview="false" :alt="alt"></li-image>
            <img src="@/assets/images/doctor/doctor_avatar.jpg" class="img" :alt="alt" v-else>
        </nuxt-link>
        </div>
        <nuxt-link :to="`/doctor/case?id=${info.id}`" class="title van-multi-ellipsis--l2">{{ info.caseTitle }}</nuxt-link>
        <div class="footer">
            <div class="user">
                <img src="@/assets/images/avatar.png" class="img" alt="">
                <span class="name van-ellipsis">{{ info.caseAuthor }}</span>
            </div>
            <div class="visit">
                <span>{{ info.initReadCnt }}浏览</span>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'UserCase',
    props: {
        info: {
            type: Object,
            default: function () {
                return {};
            },
        },
        alt:{
            type:String,
            default:''
        }
    },
    data() {
        return {

        }
    },
    created() {

    },
    methods: {
        // 查看详情
        lookDetail() {
            // let o = this.info || {}
            // this.$router.push({
            //     path: '/inquire/case_detail',
            //     query: { id: o.id }
            // })
        },
    }
}
</script>
<style lang="less" scoped>
@import './index.less';
</style>